<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/custom.css" />
    <style>
        table.dataTable thead .sorting{
            background: none;
        }
        table.dataTable thead .sorting_asc{
            background: none;
        }


/*滑动按钮开关css样式*/
        .switch{
            width: 100px;
            margin: -8px 1px 0 1px;
        }
        .btn_fath{
            margin-top: 10px;
            position: relative;
            border-radius: 20px;
        }

        .btn1{
            float: left;
        }

        .btn2{
            float: right;
        }
        .btnSwitch{
            height: 32px;
            width: 41px;
            border:none;
            color: #fff;
            line-height: 28px;
            font-size: 12px;
            text-align: center;
            z-index: 1;
            margin-top: -16px;
        }

        .move{
            z-index: 100;
            width: 32px;
            border-radius: 20px;
            height: 26px;
            position: absolute;
            cursor: pointer;
            border: 1px solid #828282;
            background-color: #f1eff0;
            box-shadow: 1px 2px 2px 1px #fff inset,0 0 5px 1px #999;
        }
        .on .move{
            left: 29px;
        }
        .on.btn_fath{
            background-color: #5281cd;
        }
        .off.btn_fath{
            background-color: #828282;
        }

        .current{background-color: #0e90d2}
        .dda{ cursor:pointer }
        .zhidings{ cursor:pointer }
        .quanxians{ cursor:pointer }
        .kehus{ cursor:pointer }
    </style>
    <title>方盛云仓管理</title>
</head>
<body data-id="518">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span>方盛云仓<span class="c-gray en">&gt;</span>云仓管理<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <div id="tab_topnav" class="HuiTab">
        <div class="tabBar clearfix ml-20">
            <span>方盛云仓管理</span>
        </div>
    <form class="ml-20 mr-20" id="form-search"  method="post">
        <!--方盛云仓管理-->
        <div class="tabCon bk-gray bg-1">
            <div class="lh-30 mb-10 ml-20">
                <table class="table_li mb-10 table ml-20">
                    <thead class="text-l">
                    <tr>
                        <td class="col-6-1">
                            <div class="row">
                                <label class="form-label f-l text-r lh-26">云仓名称：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-150" id="houseName" placeholder="输入云仓名称"  maxlength="50">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                        <td class="col-6-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26">云仓ID：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-150" id="houseId" placeholder="输入云仓ID"  onKeyUp="value=value.replace(/[\W]/g,'')" oncontextmenu="return false">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                        <td class="col-6-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26">客户名称：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-150" id="customer_Name" placeholder="输入客户名称" maxlength="50">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>

                    </tr>
                    <tr>
                        <td class="col-6-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26" style="margin-left: -21px;">客户ID：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-150" id="customerId" placeholder="输入客户ID" maxlength="10" onKeyUp="value=value.replace(/[\W]/g,'')" oncontextmenu="return false">
                                    <span style="color: #c62b26;display: none" id="kk">最少要输入 10 个字符</span>
                                </div>

                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                    </tr>
                    </thead>
                </table>
            </div>
            <div id="download" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
                <div class="modal-dialog" style="top:50%;margin-top:-100px">
                    <div class="modal-content radius" style="height:200px;width:677px;">
                        <div class="modal-header"  >
                            <a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                        </div>
                        <div class="pl-30 mt-10"><b>查看云仓链接</b><span id="newFileNameTwo"></span></div>
                        <div class="mt-10 pl-30 clearfix">

                            <input type="text"  class="input-text f-l radius" id="newPath" readonly="readonly" style="width:99%;border:none" value="">
                        </div>
                        <div class="mt-20 text-r" style="padding-right:65px">
                            <input type="button" class="btn btn-secondary size-S radius ml-10" onclick="copyNewUrl()" value="复制链接">
                        </div>
                    </div>
                </div>
            </div>
            <div id="yuncang" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
                <div class="modal-dialog">
                    <div class="modal-content radius" style="height:733px;width:653px;overflow-y: auto;overflow-x: hidden;">
                        <div class="modal-header"  >
                            <h3 class="modal-title"><b class="addressTitle">新增方盛云仓</b></h3>
                            <a class="close" onclick="close_model()" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                        </div>
                        <input type="hidden" class="ship_add_id">
                        <div class="pop_win pop_receiver"  >
                            <div class="info" >
                                <div class="clearfix">
                                    <label><em>*</em>云仓名称：</label><input name="" type="text" placeholder="请输入" maxlength="50" id="yuncangnames" class="addAlias qing" >
                                </div>
                                <div class="clearfix">
                                    <label><em>*</em>云仓地址：</label><input name="" type="text" placeholder="请输入" maxlength="50"  id="yuncangAddress" class="detailedAddress qing">
                                    <div class="etip tip_31"></div>
                                </div>
                                <div class="clearfix"><label>指定客户：</label>
                                    <input type="text"   placeholder="请输入" onclick="zhiding()"  oninput="zhiding()" onchange="zhiding()"  class="input-text radius mr-10 qing" id="customername" autocomplete="off" name="likname">
                                    <a  onclick="addcustomer()">确定</a>
                                    <div id="myDiv" style="display:none;"></div>
                                    <ul style="position: absolute;top:207px;width:357px;border:1px solid #d8d8d8;margin-left: 108px;" class="relation radius guanlian zhidings" id="tuan">
                                        <li class="pl-10 lh-26"></li>
                                    </ul>
                                </div>
                                <div id="tableid" >
                                    <table class="ml-60">
                                        <tbody id="addressList">

                                        </tbody>
                                    </table>
                                </div>
                                <div class="clearfix"><label><em>*</em>权限账号：</label>
                                    <div class="formControls f-l">
              <!-- onfocus="quanxianlian()"  --> <input type="text"   placeholder="请输入" onclick="quanxianlian()"  oninput="quanxianlian()"   class="input-text radius mr-10 qing" id="quanxian" autocomplete="off" name="likname">
                                    <a  onclick="addquanxian()">确定</a>
                                    <ul style="width:93%;z-index: 1" class="relation radius guanlian quanxians" id="tuan2">
                                        <li class="pl-10 lh-26"></li>
                                    </ul>
                                    </div>
                                </div>
                                <div id="tableid2" >
                                    <table class="ml-60">
                                        <tbody id="addressList2">

                                        </tbody>
                                    </table>
                                </div>

                                <div class="clearfix"><label><em>*</em>客户归属：</label>
                                    <div class="formControls f-l">
                                        <input type="text" class="input-text radius mr-10 qing" onclick="myFunction()" id="organization_name"  placeholder="请输入客户归属" autocomplete="off">
                                        <ul class="relation radius guanlian kehus" id="tuank" style="width:93%;z-index: 1">
                                            <li>无数据</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"><label>上传云仓图片：</label>
                                    <div class="ceshi pic_up">
                                        <img title="" width="50" height="50" id="yuncangsrc" src="" class="myImg qing2" class="mr-10">
                                    </div>
                                    <div class="pic_up_btn" style="margin-top: 10px">
                                        <input value="" id="fileUp1" style="display: none">
                                        <input type="file" class="fileUp"  onchange="putDataToPage(event,this)" multiple="multiple" style="display: none">
                                        </input>
                                        <a class=""  onclick="addBtn(this,1)" style="margin-left: 20px" id="df"><span >上传</span></a>
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <label>低下限提醒人：</label><input name="" type="text" placeholder="请输入" maxlength="6" id="call_men" onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')">
                                </div>
                                <div class="clearfix">
                                    <label>提醒手机号码：</label><input name="" type="text" placeholder="请输入" maxlength="11" id="call_phone"  onkeyup="this.value=this.value.replace(/\D/g,'')">
                                </div>
                                <br>
                                <div><span style="color: #aaa;margin-left:109px;">备注：图片上传最大不可超过200KB，图片尺寸为150*150px</span></div>

                            </div>
                            <div class="text-c pt-30" style="margin-top: 4px;"><a onclick="queding()" class="btn btn-secondary radius size-L">提交</a><a onclick="close_model()" class="btn radius size-L ml-10">取消</a></div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="text-c pb-20 pt-10">
                <input  id="search"  type="button" class="btn btn-secondary radius size-S" onclick="operatesearch()" value="查&nbsp;&nbsp;询">
                <input  id="search2"  type="button" class="btn btn-secondary radius size-S" onclick="addyuncang()" value="新增云仓">
            </div>
            <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                <thead>
                <tr class="text-c">
                    <th style="width: 40px">仓ID</th>
                    <th style=" width: 89px;">客户ID</th>
                    <th style="width: 326px;">云仓名称</th>
                    <th style="width: 188px;">权限账号</th>
                    <th style="width: 244px;">客户名称</th>
                    <th style="width: 65px;">客户归属</th>
                    <th style="width: 90px">商品sku数量</th>
                    <th style="width: 81px;">创建时间</th>
                    <th style="width: 40px;">创建人</th>
                    <th style="width: 93px;">低下限提醒人</th>
                    <th style="width: 28px;">状态</th>
                    <th style="width: 94px;">操作</th>
                </tr>
                </thead>
                <tbody class="shun">

                </tbody>
            </table>
            <div class="mt-40"></div>
            <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                <div class="f-r pageturning M-box3"></div>
            </div>
        </div>
    </form>
    </div>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script src="../../ht-js/fsyunwarehouse/yuncang.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>
<script>
    $('#reset').click(function(){
        $('input').val('');
        $('select').val('');
    })
</script>

<script>


    $(function() {
        $("#brandSearchForm").Validform({
            tiptype: 2,
            callback: function(form) {
                brand_list(1, 50, $("#brandName").val());
                return false;
            }
        });
        $("#cxManage").Validform({
            tiptype: 2,
            callback: function(form) {
                cx_list();
                return false;
            }
        });
    })
    function timeSet(startEl,endEl,timeFormat){
        /*startEl=>开始时间Input的id，endEl=>结束时间Input的id，时间格式（YYYY-MM-DD hh:mm:ss  YYYY年MM月DD日 hh:mm:ss）*/
        /*时间设置*/
        var start = {
            format: timeFormat,
            maxDate: $.nowDate(),
            okfun: function(obj){
                end.minDate = obj.val; //开始日选好后，重置结束日的最小日期
            }
        };
        var end = {
            format: timeFormat,
            maxDate: $.nowDate(),
            okfun: function(obj){
                start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
            }
        };
        $.jeDate(startEl,start);
        $.jeDate(endEl,end);
    }
    timeSet("#timemin","#timemax","YYYY-MM-DD hh:mm:ss");

    jQuery.Huitab = function(tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();
        $tab_menu.bind(tabEvent, function() {
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show();
        });
    }

    $(function() {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });
    // #tab_demo 父级id
    // #tab_demo .tabBar span 控制条
    // #tab_demo .tabCon 内容区
    // click 事件 点击切换，可以换成mousemove 移动鼠标切换
    // 1	默认第2个tab为当前状态（从0开始）
    // 刷新
    function reload() {
        //location.replace(location.href);
        window.location.reload(location.href);
    }
    $(function(){
        $("#form-search").Validform({
            tiptype:2,
            callback:function(form){
             /*   getList(1)*/
                return false;
            }
        });
    })



    /*//指定客户上下键
    var list = document.getElementById("tuan").getElementsByTagName("li");
    var index = -1;
    function addIndex() {
        index = index>=list.length ? 0 : ++index;
        return index;
    }
    function reduceIndex() {
        index = index <= 0 ? -1 : --index;
        return index;
    }
    document.onkeydown = function(e) {
        e = e || window.event;
        switch(e.keyCode){
            case 13://回车
                var t = document.getElementById("tuan").getElementsByTagName("li")[index].innerHTML;
                var t2=document.getElementById("tuan").getElementsByTagName("li")[index].dataset.align
                $("#customername").val(t).text(t2)
                $("#tuan").hide()
                break;
            case 38://上键
                reduceIndex();
                setLiColorByClass(38);
                break;
            case 40://下键
                addIndex();
                setLiColorByClass(40);
                break;
        }
        function setLiColorByClass(keyCode){
            for(var i = 0,len=list.length; i<len; i++) {
                list[i].className = i==index ? "current" : "";
                i==index ? console.log($(list[i]).offset().top-$(".zhidings").offset().top) : "";
                if(i==index){
                    var offsetParent = $(list[i]).offset().top-$(".zhidings").offset().top;
                    if(keyCode==40){
                        if(offsetParent>121){
                            $(".zhidings").animate({scrollTop:"+=24"},1);
                        }
                    }else if(keyCode==38){
                        if(offsetParent<1){
                            $(".zhidings").animate({scrollTop:"-=24"},1);
                        }
                    }

                }
            }

        }
    };
*/





</script>
</body>
</html>